<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<link rel="stylesheet" type="text/css" href="static/css/upload/upload.css" />
<link rel="stylesheet" type="text/css" href="static/plugins/ueditor/third-party/webuploader/webuploader.css?_v=190102162154">
<link rel="stylesheet" type="text/css" href="static/plugins/ueditor/themes/default/dialogbase.css?_v=190102162154">

<div id="wrapper">
	<div id="container">
		<div id="tabhead" class="tabhead">
			<!--<span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span>-->
			<span class="tab focus" data-content-id="upload">本地上传</span>
			<!--<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span>-->
			<!--<span class="tab" data-content-id="search"><var id="lang_tab_search"></var></span>-->
		</div>
		<div id="tabbody" class="tabbody">
			<div id="uploader" >
				<div class="queueList">
					<div class="statusBar" style="display: none;">
						<div class="progress">
							<span class="text">0%</span> <span class="percentage"></span>
						</div>
						<div class="info"></div>
						<div class="btns">
							<div id="filePicker2"></div>
							<div class="uploadBtn">开始上传</div>
						</div>
					</div>
					<div id="dndArea" class="placeholder">
						<div id="filePicker"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


<%--<div class="wrapper">
	<div id="tabhead" class="tabhead">
		<!--<span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span>-->
		<span class="tab focus" data-content-id="upload">本地上传</span>
		<!--<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span>-->
		<!--<span class="tab" data-content-id="search"><var id="lang_tab_search"></var></span>-->
	</div>
	<div class="alignBar">
		<!--<label class="algnLabel"><var id="lang_input_align"></var></label>-->
		<span id="alignIcon">
                        <!--<span id="noneAlign" class="none-align focus" data-align="none"></span>-->
			<!--<span id="leftAlign" class="left-align" data-align="left"></span>-->
			<!--<span id="rightAlign" class="right-align" data-align="right"></span>-->
			<!--<span id="centerAlign" class="center-align" data-align="center"></span>-->
                    </span>
		<input id="align" name="align" type="hidden" value="none">
	</div>
	<div id="tabbody" class="tabbody">

		<!-- 远程图片 -->
		<div id="remote" class="panel">
			<div class="top">
				<div class="row">
					<label for="url">地 址：</label>
					<span><input class="text" id="url" type="text" autocomplete="off"></span>
				</div>
			</div>
			<div class="left">
				<div class="row">
					<label>大 小：</label>
					<span>宽度<input class="text" type="text" autocomplete="off" id="width">px </span>
					<span>高度<input class="text" type="text" autocomplete="off" id="height">px </span>
					<span><input id="lock" type="checkbox" disabled="disabled" title="锁定宽高比例"><span id="lockicon"></span></span>
				</div>
				<div class="row">
					<label>边 框：</label>
					<span><input class="text" type="text" autocomplete="off" id="border">px </span>
				</div>
				<div class="row">
					<label>边 距：</label>
					<span><input class="text" type="text" autocomplete="off" id="vhSpace">px </span>
				</div>
				<div class="row">
					<label>描 述：</label>
					<span><input class="text" type="text" autocomplete="off" id="title"></span>
				</div>
			</div>
			<div class="right"><div id="preview"></div></div>
		</div>

		<!-- 上传图片 -->
		<div id="upload" class="panel focus">
			<div id="queueList" class="queueList">
				<div class="statusBar element-invisible">
					<div class="progress" style="display: none;">
						<span class="text">0%</span>
						<span class="percentage" style="width: 0%;"></span>
					</div><div class="info" style="display: none;">共0张（0B），0张上传成功</div>
					<div class="btns">
						<div id="filePickerBtn" class="webuploader-container"><div class="webuploader-pick">继续添加</div><div id="rt_rt_1cbr9oco41d1uaa51gpkqatjap6" style="position: absolute; top: 0px; left: 10px; width: 52px; height: 122px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/jpg,image/jpeg,image/png"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div>
						<div class="uploadBtn state-pedding disabled">开始上传</div>
					</div>
				</div>
				<div id="dndArea" class="placeholder">
					<div class="filePickerContainer">
						<div id="filePickerReady" class="webuploader-container"><div class="webuploader-pick">点击选择图片</div><div id="rt_rt_1cbr9oco2ugk1mn616sjs6nk1" style="position: absolute; top: 0px; left: 219px; width: 168px; height: 44px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/jpg,image/jpeg,image/png"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div>
					</div>
				</div>
				<ul class="filelist element-invisible">
					<li id="filePickerBlock" class="filePickerBlock webuploader-container"><div class="webuploader-pick"></div><div id="rt_rt_1cbr9oco3e171a671do0elf1bc14" style="position: absolute; top: 0px; left: 0px; width: 113px; height: 113px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/jpg,image/jpeg,image/png"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></li>
				</ul>
			</div>
		</div>

		<!-- 在线图片 -->
		<div id="online" class="panel">
			<div id="imageList">　图片加载中……</div>
		</div>

		<!-- 搜索图片 -->
		<div id="search" class="panel">
			<div class="searchBar">
				<input id="searchTxt" class="searchTxt text" type="text" autocomplete="off">
				<select id="searchType" class="searchType" title="图片类型">
					<option value="&amp;s=4&amp;z=0">新闻</option>
					<option value="&amp;s=1&amp;z=19">壁纸</option>
					<option value="&amp;s=2&amp;z=0">表情</option>
					<option value="&amp;s=3&amp;z=0">头像</option>
				</select>
				<input id="searchReset" type="button" value="清空搜索">
				<input id="searchBtn" type="button" value="百度一下">
			</div>
			<div id="searchList" class="searchList"><ul id="searchListUl"></ul></div>
		</div>

	</div>
</div>--%>


